<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Cloudy | Content</title>
</head>
<body>     
	<div class="full_width">
	<!-- Put your codes here -->
     <form>

		<div style="border: 1px solid white; width: 500px; margin: 0 auto; padding: 10px;">
		    <h4>Create Caregiver</h4>
    	<table style="margin :0 auto;">
    		<tr>
    			<td>Name:</td>
    			<td><input type="text" id="user" name="user" /></td>
    		</tr>
    		<tr>
    			<td>NRIC: </td> 
    			<td><input type="text" id="nric" name="nric"/> </td>
   			</tr>
   	 		<tr>
    			<td>Gender: </td>
    			<td>
    				<input type="radio" name="gender" value="Male"> Male
					<input type="radio" name="gender" value="Female"> Female
				</td>
   		 	</tr>
   		 	<tr>
   		 		<td>Address:</td>
   		 		<td><input type="text" name="address" id="address" /></td>
   		 		<td colspan="2" style="border:1px solid black">GOOGLE MAP</td>
   		 	</tr>
   		 	<tr>
   		 		<td>Working Experience:</td>
   		 		<td><input type="text" name="workingexp" id="workingexp" /></td>
   		 	</tr>
   		 	<tr>
   		 		<td>Employer Type:</td>
   		 		<td>
   		 		<script type="text/javascript">
   	 			$(document).ready(function () {
       			var source = ["","Full-Time","Part-Time"];
       			 // Create a jqxDropDownList
        		$("#jqxdropdownlist").jqxDropDownList({ source: source, selectedIndex: 0, width: '200px', height: '25px', theme: 'summer' });
    			});
				</script>
				<div id="jqxdropdownlist"></div></td>
   		 	</tr>
    <tr>
    	<td>
			<input type="button" value="Create" id="create" style="background-color: #E6E6E6; border: 1px solid #A4A4A4; padding: 5px 10px; -moz-border-radius: 5px; border-radius: 5px">       	</td>
       	<td>
    		<input type="button" value="Cancel" id="cancel" style="background-color: #E6E6E6; border: 1px solid #A4A4A4; padding: 5px 10px; -moz-border-radius: 5px; border-radius: 5px">
       	</td>
    </tr>

    
    </table>
</div>

</form>        	
                
</div>

</body>
</html>